<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/List.css"/>
	</head>
	<body>
		<!--列表页开始-->
		<div id="top_tuijian">
			<!--左边推荐标志开始-->
			<div class="tuijian_tp"></div>
			<!--左边推荐标志结束-->	
			<!--推荐的品牌图片开始-->
			<div class="tuijian_logo">
				<!--左边图片开始-->
				<div class="tuijian_logo_left">
					<a href=""><img src="./image/156180247_1_120x120.jpg" alt="" /></a>
				</div>
				<!--左边的图片结束-->
				<!--右边文字开始-->
				<div class="tuijian_logo_wenzi">
					<div class="tuijian_logo_wenzi_lenovo">
						<a href="">(Lenovo)Ideapad700联想 15.6英寸笔记本</a>
					</div>
					<div class="money">
						<span>¥4466</span>
					</div>
				</div>
				<!--右边文字结束-->
				
			</div>
			<!--推荐的品牌图片结束-->
			<!--2-->
			<!--推荐的品牌图片开始-->
			<div class="tuijian_logo">
				<!--左边图片开始-->
				<div class="tuijian_logo_left">
					<a href=""><img src="./image/156180247_1_120x120.jpg" alt="" /></a>
				</div>
				<!--左边的图片结束-->
				<!--右边文字开始-->
				<div class="tuijian_logo_wenzi">
					<div class="tuijian_logo_wenzi_lenovo">
						<a href="">(Lenovo)Ideapad700联想 15.6英寸笔记本</a>
					</div>
					<div class="money">
						<span>¥4466</span>
					</div>
				</div>
				<!--右边文字结束-->
				
			</div>
			<!--推荐的品牌图片结束-->
			<!--3-->
			<!--推荐的品牌图片开始-->
			<div class="tuijian_logo">
				<!--左边图片开始-->
				<div class="tuijian_logo_left">
					<a href=""><img src="./image/156180247_1_120x120.jpg" alt="" /></a>
				</div>
				<!--左边的图片结束-->
				<!--右边文字开始-->
				<div class="tuijian_logo_wenzi">
					<div class="tuijian_logo_wenzi_lenovo">
						<a href="">(Lenovo)Ideapad700联想 15.6英寸笔记本</a>
					</div>
					<div class="money">
						<span>¥4466</span>
					</div>
				</div>
				<!--右边文字结束-->
				
			</div>
			<!--推荐的品牌图片结束-->
			<!--4-->
			<!--推荐的品牌图片开始-->
			<div class="tuijian_logo">
				<!--左边图片开始-->
				<div class="tuijian_logo_left">
					<a href=""><img src="./image/156180247_1_120x120.jpg" alt="" /></a>
				</div>
				<!--左边的图片结束-->
				<!--右边文字开始-->
				<div class="tuijian_logo_wenzi">
					<div class="tuijian_logo_wenzi_lenovo">
						<a href="">(Lenovo)Ideapad700联想 15.6英寸笔记本</a>
					</div>
					<div class="money">
						<span>¥4466</span>
					</div>
				</div>
				<!--右边文字结束-->
				
			</div>
			<!--推荐的品牌图片结束-->
			<!--5-->
			<!--推荐的品牌图片开始-->
			<div class="tuijian_logo">
				<!--左边图片开始-->
				<div class="tuijian_logo_left">
					<a href=""><img src="./image/156180247_1_120x120.jpg" alt="" /></a>
				</div>
				<!--左边的图片结束-->
				<!--右边文字开始-->
				<div class="tuijian_logo_wenzi">
					<div class="tuijian_logo_wenzi_lenovo">
						<a href="">(Lenovo)Ideapad700联想 15.6英寸笔记本</a>
					</div>
					<div class="money">
						<span>¥4466</span>
					</div>
				</div>
				<!--右边文字结束-->
				
			</div>
			<!--推荐的品牌图片结束-->
			
		</div>
		
		<!--分类-->
		<div class="class_list">
			<!--首页-->
			<a href="">首页&nbsp;></a>
			<a href="">电脑/办公/外设&nbsp;></a>	
			<a href="">电脑整机&nbsp;></a>
			<a href="">笔记本</a>
		</div>
		<!--分类中具体的值开始-->
		
			
		
		<div class="list_aoto">
			<div class="c_left">
				<!--左边开始-->
				<div class="list_aoto_left">
					<!--电脑/办公/外设开始-->
					<div class="bangong">电脑/办公/外设</div>
					<!--电脑/办公/外设结束-->
					<!--列表开始-->
					<ul>
						<div class="dnzj"><div class="dnzj_tu"></div><a href="">电脑整机</a></div>
						<li><a href="">笔记本</a></li>
						<li><a href="">笔记本</a></li>
						<li><a href="">笔记本</a></li>
						<li><a href="">笔记本</a></li>
						<li><a href="">笔记本</a></li>
						<li><a href="">笔记本</a></li>
						<li><a href="">笔记本</a></li>
					</ul>
					<!--列表结束-->
				</div>	
				<!--云台热卖开始-->
				<div class="ytrm_strt">
					
				
					<div class="ytrm">
						<div class="ytrm_wenzi">
							<div class="ytrm_wenzi_left">
								<a href="">云台热卖</a>
							</div>
							<div class="ytrm_wenzi_right">
								<a href="">更多</a>
							</div>
							
						</div>
						<div class="ytrm_one">
							<!--图片-->
							<div class="ytrm_one_tp">
								<a href=""><img src="./image/156066147_1_200x200.jpg" alt="" /></a>
							</div>
							<!--文字-->
							<div class="ytrm_one_wenzi">
								<a href="">华硕(ASUS) K455LJ5200 14英寸笔记本 5代I5-5200U 4G </a>
							</div>
							<!--金额-->
							<div class="ytrm_one_money">
								<span >¥3299.00</span>
								<div class="myf"><span >免运费</span></div>
									
								
							</div>
						</div>
					</div>
						
					<!--云台热卖结束-->
					<!--浏览此目录的顾客最终购买--> 
					<div class="Ly">
						<div class="Ly_wenzi">
							<a href="">浏览此目录的顾客最终购买</a>
						</div>
						<div class="Ly_one">
							<!--图片-->
							<div class="Ly_one_tp">
								<a href=""><img src="./image/124399070_1_160x160.jpg" alt="" /></a>
							</div>
							<!--文字-->
							<div class="Ly_one_wenzi">
								<a href="">联想（Lenovo）Y430P 14英寸笔记本电脑（I5-4210M 4G </a>
							</div>
							<!--金额-->
							<div class="Ly_one_money">
								<span >¥3999.00</span>
								<div class="mj"><span >满减</span></div>
									
								
							</div>
						</div>
					</div>
					<!--浏览此目录的顾客最终购买 结束-->
					<!--热销排行开始-->
					<div class="rx">
						<div class="rx_wenzi">
							<div class="rx_wenzi_left">
								<a href="">热销排行 </a>
							</div>
							<div class="rx_wenzi_right">
								<a href="">更多</a>
							</div>
							
						</div>
						<div class="rx_one">
							<!--图片-->
							<div class="rx_one_tp">
								<a href=""><img src="./image/136446381_1_160x160.jpg" alt="" /></a>
							</div>
							<!--文字-->
							<div class="rx_one_wenzi">
								<a href="">华硕（ASUS）FX50 15.6英寸游戏本电脑（I5-4200H 4G 5 </a>
							</div>
							<!--金额-->
							<div class="rx_one_money">
								<span >¥4599.00</span>
								<div class="djh"><span >大聚会</span></div>
									
								
							</div>
						</div>
					</div>
						
					
					<!--热销排行 结束-->
				</div>	
					<!--左边结束-->
			</div>
		<!--分类中具体的值结束-->	
			<!--右边上部开始-->
				<div class="list_aoto_top">
					<!--品牌logo开始-->
					<div class="list_aoto_top_logo">
						<!--品牌文字大框开始-->
						<div class="logo_wenzi">
							<!--品牌文字框-->
							<div class="pinp">
								<span>品牌</span>
							</div>
							<!--品牌文字框结束-->
						</div>
						<!--品牌文字大框结束-->
						<div class="logo_right">
							
						</div>
					</div>
					<!--品牌logo结束-->
					<!--价格开始-->
					<div class="Price">
						<div class="Price_wenzi">
							<span>价格</span>
						</div>
						
						<div class="Price_right">
							<!--1循环-->
							<a href="">0-2500</a>
							<!--2-->						
							<a href="">2500-3000</a>						
							<!--3-->						
							<a href="">3000-3500</a>						
							<!--4-->				
							<a href="">3500-4000</a>						
							<!--5-->						
							<a href="">4000-4500</a>						
							<!--6-->					
							<a href="">4500-5000</a>						
							<!--7-->						
							<a href="">5000-6000</a>					
							<!--8-->
							<a href="">6000以上</a>
							<!--9 input-->
							<div class="qujian">
								<form action="" method="post">
								 <input type="text" name="" id="" value="" />
								 -
								 <input type="text" name="" id="" value="" />
								 <input type="submit" value="确定"/>
							</form>
							</div>
							
						</div>
						
						
					</div>
					<!--价格结束-->
					<!--cpu开始-->
					<div class="CPU">
						<div class="CPU_wenzi">
							<span>CPU类型</span>
						</div>
						
						<div class="CPU_right">
							<!--1循环-->
							<a href="">Intel i3</a>
							<!--2-->						
							<a href="">Intel i5</a>						
							<!--3-->						
							<a href="">Intel i7</a>						
							<!--4-->				
							<a href="">AMD A6</a>						
							<!--5-->						
							<a href="">AMD A8</a>						
							<!--6-->					
							<a href="">AMD A10</a>						
							<!--7-->						
							<a href="">其他Intel平台</a>					
							<!--8-->
							<a href="">其他AMD平台</a>
							
							
						</div>
						
						
					</div>
					<!--cpu结束-->
					<!--屏幕尺寸开始size 尺寸-->
					<div class="size">
						<div class="size_wenzi">
							<span>屏幕尺寸</span>
						</div>
						<!--右部-->
						<div class="size_right">
							<!--1循环-->
							<a href="">23.8</a>
							<!--2-->						
							<a href="">27</a>						
							<!--3-->						
							<a href="">1.5</a>						
							<!--4-->				
							<a href="">11.0</a>						
							<!--5-->						
							<a href="">1</a>						
							<!--6-->					
							<a href="">12.0</a>						
							<!--7-->						
							<a href="">14.0</a>					
							<!--8-->
							<a href="">5.6</a>
							<!--9-->
							<a href="">10.6</a>
							<!--10-->
							<a href="">10</a>
							<!--11-->
							<a href="">11.6</a>
							<!--12-->
						</div>
						
					</div>
					<!--屏幕尺寸结束-->
					
					
				</div>
				<!--右边上部结束-->
				<!--右部下部开始-->
				<div class="list_aoto_footer">
					<!--产品选择按钮开始-->	
					<div class="list_aoto_footer_bottom">
						<!--默认开始-->
						<div class="moren"><a href="">默认</a></div>
						<!--默认结束-->
						<!--销量开始-->
						<div class="xiaoliang"><a href="">销量&nbsp;↓</a></div>
						<!--销量结束-->
						<!--评价开始-->
						<div class="pingjia"><a href="">评价&nbsp;↓</a></div>
						<!--评价结束-->
						<!--价格开始-->
						<div class="jiage"><a href="">价格&nbsp;↑↓</a></div>
						<!--价格结束-->
						<!--收货地开始-->
						<div class="shouhuo"><span>收货地:</span></div>
							<form action="" method="post">
								<select name="shouhuo">
									<option value="">北京</option>
								</select>
							
							</form>
						
						<!--收货地结束-->
						<!--右边复选框开始-->
						<!--<div class="fuxuan">
							<form action="" method="post">
								<input type="checkbox" name="" id="" value="" /><span>有货商品</span>
								<input type="checkbox" name="" id="" value="" /><span>苏宁服务</span>
								<input type="checkbox" name="" id="" value="" /><span>新品上市</span>
								<input type="checkbox" name="" id="" value="" /><span>海外购</span>
								<input type="checkbox" name="" id="" value="" /><span>促销</span>
								
							</form>
						</div>-->
	
						<!--右边复选框结束-->
						
						
					</div>
					<!--产品选择按钮结束-->
					<!--右部产品内容开始-->
					<div class="footer_content">
						<div class="content_one">
							<!--上边图片-->
							<div class="content_one_tp">
								<a href=""><img src="./image/152050851_1_200x200.jpg" alt="" /></a>
							</div>
							<!--下部文字-->
							<div class="content_one_wenzi">
								<!--小图-->
								<div class="content_one_wenzi_tp">
									<a href=""><img src="./image/0152050851_1_200x200.jpg" alt="" /></a>
								</div>
								<!--金额-->
								<div class="je">
									<span>¥4999.00</span>
								</div>
								<!--文字-->
								<div class="content_one_wenzi_wz">
									<a href="">华硕（ASUS）W50 15.6英寸游戏本电脑（I5-4200 4G 500G GTX950M </a>
								</div>
								<!--评论 收藏-->
								<div class="pl">
									<span>评论：<a href="">99</a></span>
									<a href="" class="sc">收藏</a>
								</div>
								<!--苏宁自营-->
								<div class="snzy">
									<span>苏宁自营</span>
								</div>
								<!--加入购物车-->
								<div class="jrcar">
									<!--加入购物车文字-->
									<div class="jrcar_left">
										<a href="">加入购物车</a>
									</div>
									<!--对比-->
									<div class="jrcar_db">
										<a href="">对比</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--右部产品内容结束-->
					
					
					
					
				</div>
		
				
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
				<!--右部下部结束-->
		</div>
		
				
				
				
		
		
		
		
		
		
		
		
		
		<!--列表页结束-->
	</body>
</html>
